.app-control-calendar {
  height: 100%;
  width: 100%;
  .app-control-calendar__header__legends {
    width: 100%;
    text-align: center;
  }
  .app-control-calendar__header__legend {
    cursor: pointer;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    .lengend__icon {
      width: 30px;
      height: 20px;
      border-radius: 5px;
      display: inline-block;
    }
    .lengend__text {
      margin-left: 5px;
      line-height: 20px;
      vertical-align: top;
      display: inline-block;
    }
  }
  .app-control-calendar__content {
    .app-control-calendar {
      // fullcalendar 样式
      a {
        color: @text-color;
      }
      .fc-button {
        height: 28px;
        width: 62px;
        &:disabled,
        &:disabled:hover {
          cursor: no-drop;
        }
        line-height: 0;
        .fc-icon {
          line-height: 0.7;
        }
      }
      // 月视图选中样式
      .fc-dayGridMonth-view {
        .selected-event.fc-event-end:before,
        .select-first-event:before,
        .selected-event.fc-event-end:before,
        .select-first-event:before {
          content: '';
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          border-top-color: transparent;
          border-left-color: transparent;
        }
        .selected-event.fc-event-end:after,
        .select-first-event:after,
        .selected-event.fc-event-end:after,
        .select-first-event:after {
          content: '';
          display: block;
          width: 4px;
          height: 11px;
          position: absolute;
          right: 1px;
          bottom: 0px;
          border-top-color: transparent;
          border-left-color: transparent;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          box-sizing: content-box;
        }
      }
    }

    // 时间轴
    .app-calendar-timeline {
      .timeline__item {
        .timeline__item__content {
          padding: 10px;
          box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
        }
      }
    }
  }
}
//  日历部件
.app-control-calendar {
  .app-control-calendar__content {
    .fc-button,
    .fc-button-parimary {
      .app-button.ant-btn-default.srfactionlevel250;
    }

    .fc-button-primary:focus,
    .fc-button-primary:not(:disabled):active:focus {
      box-shadow: none;
    }

    .fc-button-primary:not(:disabled):active,
    .fc-button-primary:not(:disabled).fc-button-active {
      background-color: mix(@primary-color, #fff, 80%);
      border-color: mix(@primary-color, #fff, 80%);
      color: @text-color;
      box-shadow: none;
    }

    .fc-left,
    .fc-right {
      .fc-button-group {
        .fc-button {
          border-left: 1px solid mix(@primary-color, #fff, 50%);
          border-right: 1px solid mix(@primary-color, #fff, 50%);
        }

        .fc-button:first-child {
          border-left: none;
        }

        .fc-button:last-child {
          border-right: none;
        }
      }
    }
    .selected-event,
    .select-first-event {
      border: 2px solid mix(@primary-color, #fff, 40%);
    }
    .selected-event.fc-event-end:before,
    .select-first-event:before,
    .selected-event.fc-event-end:before,
    .select-first-event:before {
      border: 9px solid mix(@primary-color, #fff, 40%);
      color: @text-color;
    }
    .selected-event.fc-event-end:after,
    .select-first-event:after,
    .selected-event.fc-event-end:after,
    .select-first-event:after {
      border: 2px solid mix(@primary-color, #fff, 40%);
    }
  }
}
